Key Changes

• Terminal demo left-aligned: added text-align: left to .terminal-body to override the centered .hero parent
• 20s repeating animation: replaced animation-delay (which only delays the first iteration) with four separate @keyframes appear-N that encode each line's timing as percentages of a 20s cycle — all four lines appear sequentially, hold, then fade out together before looping
• Install tab order: reordered to curl → Homebrew → npm (curl is the most universally available method)
• Removed inline style="animation-delay:..." attributes from HTML — timing is now purely in CSS

Why do we need this?

Terminal content was inheriting text-align: center from the hero section, making commands look misaligned. The animation-delay approach does not repeat — it only delays the first play of animation-iteration-count: infinite. Install tab order now matches the simplest-first convention.

New modules or other dependencies introduced

None.

How was this tested?

Reviewed HTML and CSS changes directly. Animation keyframe percentages verified against the 20s cycle: line 1 at 2%, line 2 at 7%, line 3 at 12%, line 4 at 17%, all fading at 96%.